<!DOCTYPE html>
<html xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>title</title>
    <!--  车辆详情-->
    <link rel="stylesheet" type="text/css" href="../css/base.css"/>
    <link rel="stylesheet" type="text/css" href="../css/car-home.css"/>
    <style>
                    [v-cloak]{
                        display:none;
                    }
                .tel{height:60px;position:fixed;bottom:0;left:0;width:100%;line-height:60px;text-align:center;display:block;color:#fff;font-size:18px;}


    </style>
</head>

<body style="background: white">
<div class="detail-page" id="app" v-cloak>
    <div class="scoll-distance">
        <div class="slide" id="slide">
            <div class="font-icon font-icon-left" onclick="$api.closeWin()"></div>
            <div class="bd">
                <ul>
                    <li v-for="item in imgArr" class="txt-c"><img :src="imgUrl+item.psPath" alt=""/>
                    </li>
                </ul>
            </div>
            <div class="hd">
                <ul></ul>
            </div>
        </div>

        <div class="detail-txt">
            <p class="detail-tit t-hide2">{{carInfo.carName}}</p>
            <div class="detail-introduce clear">
                <span>{{carInfo.failTime}}</span>
                <span>{{carInfo.mileage}}万公里</span>
                <span>{{carInfo.city}}</span>
            </div>
            <div class="detail-price">
                <span class="down-pay">{{carInfo.price}}万</span>
                <span class="monthly">首付{{carInfo.downPayment}}万月供{{carInfo.monthlyPay}}元</span>
                <a class="plan"
                   @click="openWin('分期方案','installment-plan','../currency-body.html','installment-plan-con','release/installment-plan.html')">分期方案<span
                        class="font-icon font-icon-right"></span></a>
            </div>
        </div>
    </div>
    <ul class="tab-hd flex">
        <li class="flex1" v-bind:class="{on:tabIndex==1}"><a href="#index1"
                                                             @click="tabIndex=1">车辆信息</a></li>
        <li class="flex1" v-bind:class="{on:tabIndex==2}"><a href="#index2"
                                                             @click="tabIndex=2">车辆照片</a></li>
        <li class="flex1" v-bind:class="{on:tabIndex==3}"><a href="#index3"
                                                             @click="tabIndex=3">检测报告</a></li>
        <li class="flex1" v-bind:class="{on:tabIndex==4}"><a href="#index4"
                                                             @click="tabIndex=4">新车配置</a></li>
    </ul>
    <ul class="tab-hd-fixed tab-hd flex " style="border-color:#86130e">
        <li class="flex1" v-bind:class="{on:tabIndex==1}"><a href="#index1"
                                                             @click="tabIndex=1">车辆信息</a></li>
        <li class="flex1" v-bind:class="{on:tabIndex==2}"><a href="#index2"
                                                             @click="tabIndex=2">车辆照片</a></li>
        <li class="flex1" v-bind:class="{on:tabIndex==3}"><a href="#index3"
                                                             @click="tabIndex=3">检测报告</a></li>
        <li class="flex1" v-bind:class="{on:tabIndex==4}"><a href="#index4"
                                                             @click="tabIndex=4">新车配置</a></li>
    </ul>
    <ul class="tab-bd">
        <li>
            <div id="index1" style="position:absolute;top:-65px;"></div>
            <dl class="basic">
                <dt>基本信息</dt>
                <dd class="flex flex-between"><p>排放标准</p><span>{{carInfo.vcEnvistandard}}</span>
                </dd>
                <dd class="flex flex-between"><p>驱动方式</p><span>{{carInfo.vcDrivemode}}</span></dd>
                <dd class="flex flex-between"><p>过户次数</p><span>{{carInfo.ciTranstimes}}</span></dd>
                <dd class="flex flex-between"><p>使用性质</p><span>{{carInfo.ciUseproperty}}</span></dd>
                <dd class="flex flex-between"><p>保养情况</p><span>{{carInfo.ciMaintain}}</span></dd>
                <dd class="flex flex-between"><p>年检到期</p><span>{{carInfo.ciCarcheck}}</span></dd>
                <dd class="flex flex-between"><p>交强险到期</p><span>{{carInfo.ciBusinsurance}}</span>
                </dd>
            </dl>
        </li>
        <li class="configure">
            <div style="position:absolute;top:-65px;"></div>
            <dl class="clear">
                <dt>亮点配置</dt>
                <dd v-for="item in configureList">{{item}}</dd>
            </dl>
            <div class="configure-txt" style="border-bottom:1px solid #f1f1f1;padding-bottom:20px;">
                <p class="configure-txt-tit" style="padding-left:20px;">车主描述</p>
                <p class="configure-txt-con">{{carInfo.ciDescribe=="" ? '车主暂无描述' :
                    carInfo.ciDescribe}}</p>
            </div>
        </li>
        <p class="img-show-tit posi-r"><a id="index2" style="position:absolute;top:-65px;"></a>车辆照片
        </p>
        <li class="car-img-show">
            <img v-for="item in imgArr" :src="imgUrl+item.psPath" alt=""/>
        </li>
        <li class="test">
            <div id="index3" style="position:absolute;top:-65px;"></div>
            <div class="test-hd hidden test-report">
                <div class="left fl hidden">
                    <img class="fl" src="../image/test-report.png" alt=""/>
                    <p class="left-tit fl">检测报告</p>
                </div>
                <div class="right">
                    <p class="txt-r">{{testList.listDetecteTotal.length > 0 ? '订单:' +
                        testList.vehDetecte.vdId : ''}}</p>
                    <p class="txt-r">{{testList.listDetecteTotal.length > 0 ? '时间:' +
                        testList.vehDetecte.updateDate.substring(0,10) : ''}}</p>
                </div>
            </div>
            <p v-show="!testList.listDetecteTotal"
               style="height:50px;padding:10px;text-align: center;color:#333;font-size:18px;line-height:30px;">
                暂无检测数据哦</p>
            <div v-for="item in testList.listDetecteTotal" class="test-type1"
                 v-show="item.dtName!='漆膜检测'">
                <p class="test-tit">{{item.dtName=='覆盖件' ? '事故勘察-' :
                    '综合检测-'}}<span>{{item.dtName}}</span></p>
                <ul>
                    <li v-for="itemM in item.detecteLists" class="flex">
                        <div class="flex1">{{itemM.deteConfig.dcItem}}-<span style="color:#999;">{{itemM.dlResult}}</span>
                        </div>
                        <div class="flex1"><span class=""
                                                 :class="itemM.dlResult=='正常' || itemM.dlResult=='无松动痕迹' || itemM.dlResult=='未发现修复' ? 'font-icon font-icon-correct' : 'font-icon font-icon-close'"></span>
                        </div>
                    </li>
                </ul>
            </div>

            <div v-show="testList.listDetecteTotal" class="test-type2">
                <p class="test-tit">综合检测-<span>漆膜检测</span></p>
                <div class="posi-img">
                    <img src="../image/car_appearance.png" alt=""/>
                    <ul>
                        <!--<li class="li1"></li>
                         <li class="li2"></li>
                         <li class="li3"></li>
                         <li class="li4"></li>
                         <li class="li5"></li>
                         <li class="li6"></li>
                         <li class="li7"></li>
                         <li class="li8"></li>
                         <li class="li9"></li>
                         <li class="li10"></li>
                         <li class="li11"></li>
                         <li class="li12"></li>
                         <li class="li13"></li>
                         <li class="li14"></li>
                         <li class="li15"></li>
                         <li class="li16"></li>
                         <li class="li17"></li>-->
                        <li v-for="item in filmDetection.detecteLists"
                            :class="item.dlResult == '重新喷漆' || item.dlResult == '喷漆并有腻子' ? item.dlResult == '重新喷漆' ? 'li'+($index+1) : 'li'+($index+1)+'_'+($index+1) : ''"></li>
                    </ul>
                </div>
                <div class="status">
                    <span class="status1">无修复痕迹</span>
                    <span class="status2">喷漆</span>
                    <span class="status3">喷漆并有腻子</span>
                </div>
            </div>
            <div class="new-car posi-r">
                <div id="index4" style="position:absolute;top:-65px;"></div>
                <p class="test-tit new-car-configure"
                   style="border-top:1px solid #f1f1f1;font-weight:900;margin-top:20px;">新车配置</p>
                <p class="test-tit">基本信息</p>
                <ul>
                    <li class="flex">
                        <p class="flex1">厂商</p>
                        <span class="flex1">{{newCarInfo.vcManufact}}</span>
                    </li>
                    <li class="flex">
                        <p class="flex1">级别</p>
                        <span class="flex1">{{newCarInfo.vcClass}}</span>
                    </li>
                    <li class="flex">
                        <p class="flex1">发动机</p>
                        <span class="flex1">{{newCarInfo.vcEngine}}</span>
                    </li>
                    <li class="flex">
                        <p class="flex1">变速箱</p>
                        <span class="flex1">{{newCarInfo.vcGearbox}}</span>
                    </li>
                    <li class="flex">
                        <p class="flex1">长*宽*高</p>
                        <span class="flex1">{{newCarInfo.vcBulk}}</span>
                    </li>
                    <li class="flex">
                        <p class="flex1">车身结构</p>
                        <span class="flex1">{{newCarInfo.vcStructure}}</span>
                    </li>
                    <li class="flex">
                        <p class="flex1">最高车速（km/h）</p>
                        <span class="flex1">{{newCarInfo.vcHighspeed}}</span>
                    </li>
                    <li class="flex">
                        <p class="flex1">官方0-100km/h加速(s)</p>
                        <span class="flex1">{{newCarInfo.vc100kmsec}}</span>
                    </li>
                    <li class="flex">
                        <p class="flex1">实测0-100km/h加速(s)</p>
                        <span class="flex1">{{newCarInfo.vcRealkmsec}}</span>
                    </li>
                    <li class="flex">
                        <p class="flex1">实测100-0km/h制动(m)</p>
                        <span class="flex1">{{newCarInfo.vc100kmbraking}}</span>
                    </li>
                    <li class="flex">
                        <p class="flex1">实测油耗(L/100km)</p>
                        <span class="flex1">{{newCarInfo.vcRealoil}}</span>
                    </li>
                    <li class="flex">
                        <p class="flex1">工信部综合油耗(L/100km)</p>
                        <span class="flex1">{{newCarInfo.vcOilmiit}}</span>
                    </li>
                    <li class="flex">
                        <p class="flex1">实测离地间隙(mm)</p>
                        <span class="flex1">{{newCarInfo.vcGroundcl}}</span>
                    </li>
                    <li class="flex">
                        <p class="flex1">整车质保</p>
                        <span class="flex1">{{newCarInfo.vcWarranty=='' ? '-' : newCarInfo.vcWarranty}}</span>
                    </li>
                    <li class="flex">
                        <p class="flex1">销售状态</p>
                        <span class="flex1">{{newCarInfo.vcSalest}}</span>
                    </li>
                    <li class="flex">
                        <p class="flex1">年款</p>
                        <span class="flex1">{{newCarInfo.vcYear}}</span>
                    </li>
                    <li class="flex">
                        <p class="flex1">厂商指导价(元)</p>
                        <span class="flex1">{{newCarInfo.vcAmount}}</span>
                    </li>
                </ul>
                <p class="test-tit">车身</p>
                <ul>
                    <li class="flex">
                        <p class="flex1">长度(mm)</p>
                        <span class="flex1">{{newCarInfo.vcLength}}</span>
                    </li>
                    <li class="flex">
                        <p class="flex1">宽度(mm)</p>
                        <span class="flex1">{{newCarInfo.vcWidth}}</span>
                    </li>
                    <li class="flex">
                        <p class="flex1">高度(mm)</p>
                        <span class="flex1">{{newCarInfo.vcHigh}}</span>
                    </li>
                    <li class="flex">
                        <p class="flex1">轴距(mm)</p>
                        <span class="flex1">{{newCarInfo.vcWheelbase}}</span>
                    </li>
                    <li class="flex">
                        <p class="flex1">前轮距(mm)</p>
                        <span class="flex1">{{newCarInfo.vcFronttrack}}</span>
                    </li>
                    <li class="flex">
                        <p class="flex1">后轮距(mm)</p>
                        <span class="flex1">{{newCarInfo.vcRearwheel}}</span>
                    </li>
                    <li class="flex">
                        <p class="flex1">最小离地间隙(mm)</p>
                        <span class="flex1">{{newCarInfo.vcMingroundcl}}</span>
                    </li>
                    <li class="flex">
                        <p class="flex1">整备质量(kg</p>
                        <span class="flex1">{{newCarInfo.vcQuality}}</span>
                    </li>
                    <li class="flex">
                        <p class="flex1">车门数(个)</p>
                        <span class="flex1">{{newCarInfo.vcDoornum}}</span>
                    </li>
                    <li class="flex">
                        <p class="flex1">座位数(个)</p>
                        <span class="flex1">{{newCarInfo.vcSeatnum}}</span>
                    </li>
                    <li class="flex">
                        <p class="flex1">油箱容积(L)</p>
                        <span class="flex1">{{newCarInfo.vcTankvol}}</span>
                    </li>
                    <li class="flex">
                        <p class="flex1">行李厢容积(L)</p>
                        <span class="flex1">{{newCarInfo.vcLugvol}}</span>
                    </li>
                    <li class="flex">
                        <p class="flex1">后排车门开启方式</p>
                        <span class="flex1">{{newCarInfo.vcReardooropen=='' ? newCarInfo.vcReardooropen='-' : newCarInfo.vcReardooropen}}</span>
                    </li>
                    <li class="flex">
                        <p class="flex1">货箱尺寸(mm)</p>
                        <span class="flex1">{{newCarInfo.vcContsize=='' ? newCarInfo.vcContsize='-' : newCarInfo.vcContsize}}</span>
                    </li>
                </ul>
                <p class="test-tit">发动机</p>
                <ul>
                    <li class="flex">
                        <p class="flex1">排量(L)</p>
                        <span class="flex1">{{newCarInfo.vcOutputml}}</span>
                    </li>
                    <li class="flex">
                        <p class="flex1">发动机型号</p>
                        <span class="flex1">{{newCarInfo.vcEnginemodel}}</span>
                    </li>
                    <li class="flex">
                        <p class="flex1">进气形式</p>
                        <span class="flex1">{{newCarInfo.vcAirintake}}</span>
                    </li>
                    <li class="flex">
                        <p class="flex1">气缸排列形式</p>
                        <span class="flex1">{{newCarInfo.vcCylinderarr}}</span>
                    </li>
                    <li class="flex">
                        <p class="flex1">气缸数(个)</p>
                        <span class="flex1">{{newCarInfo.vcCylindernum}}</span>
                    </li>
                    <li class="flex">
                        <p class="flex1">每缸气门数(个)</p>
                        <span class="flex1">{{newCarInfo.vcValvenum}}</span>
                    </li>
                </ul>
            </div>
        </li>
    </ul>
    <div style="height:60px;">
        <a class="tel" style="background: #86130e" :href="'tel:'+carBusinessTel"><span
                class="font-icon font-icon-phone" style="color:#fff;"></span>车商:{{carBusinessCbName}}
            {{carBusinessTel}}</a>
    </div>
</div>
</body>
<script type="text/javascript" src="../js/TouchSlide.1.1.js"></script>
<script type="text/javascript" src="../js/zepto-min.js"></script>
<script type="text/javascript" src="../js/api.js"></script>
<script type="text/javascript" src="../js/vue.min.js"></script>
<script type="text/javascript" src="../js/key.js"></script>
<script type="text/javascript" src="../js/aui-lazyload.js"></script>
<script type="text/javascript">
//调用安卓使用的方法
connectBridge.sendMethod();

        var vm = new Vue({
                         el : '#app',
                         data : {
                         tabIndex:1,
                         carId:'',
                         configureList:[],
                         testList:[],
                         filmDetection:[],
                         postImgSrc:'',
                         imgArr:[],
                         carBusinessTel:'',
                         carBusinessCbName:'',
                         carInfo:{
                         carName:'',
                         failTime:'',
                         mileage:'',
                         city:'',
                         price:'',
                         downPayment:'',
                         monthlyPay:'',
                         vcEnvistandard:'',
                         vcDrivemode:'',//
                         ciTranstimes:'',
                         ciUseproperty:'',
                         ciMaintain:'',
                         ciCarcheck:'',
                         ciBusinsurance:'',
                         ciDescribe:'',
                         },
                         newCarInfo:{
                         vcManufact:'',
                         vcClass:'',
                         vcEngine:'',
                         vcGearbox:'',
                         vcBulk:'',
                         vcStructure:'',
                         vcHighspeed:'',
                         vc100kmsec:'',
                         vcRealkmsec:'',
                         vc100kmbraking:'',
                         vcRealoil:'',
                         vcOilmiit:'',
                         vcGroundcl:'',
                         vcWarranty:'',
                         vcSalest:'',
                         vcYear:'',
                         vcAmount:'',
                         //以上基本信息
                         vcLength:'',
                         vcWidth:'',
                         vcHigh:'',
                         vcWheelbase:'',
                         vcFronttrack:'',
                         vcRearwheel:'',
                         vcMingroundcl:'',
                         vcQuality:'',
                         vcDoornum:'',
                         vcSeatnum:'',
                         vcTankvol:'',
                         vcLugvol:'',
                         vcReardooropen:'',
                         vcContsize:'',
                         //以上车身
                         vcOutputml:'',
                         vcEnginemodel:'',
                         vcAirintake:'',
                         vcCylinderarr:'',
                         vcCylindernum:'',
                         vcValvenum:'',
                         //以上发动机
                         },
                         creditProduct:'',//分期方案
                         imgUrl:imageurl,
                         imgThuurl:imagethuurl,
                         },
                         methods : {
                         
                         init:function(ret){
                          //  alert(JSON.stringify(ret))
                             vm.scollMove();
                                    vm.carBusinessCbName=ret.carInfo.carBusiness.cbName;
                                   vm.carBusinessTel=ret.carInfo.carBusiness.cbContphone;
                                   vm.postImgSrc=ret.carInfo.coverPath;
                                   vm.imgArr=ret.carInfo.picStores;
                                   Vue.nextTick(function(){
                                                TouchSlide({
                                                           slideCell : "#slide",
                                                           titCell : ".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
                                                           mainCell : ".bd ul",
                                                           effect : "leftLoop",
                                                           autoPage : true, //自动分页
                                                           autoPlay : true, //自动播放
                                                           interTime : 4000
                                                           });
                                                $('.slide img').css('height',$(document).width()*0.7+'px')
                                                })
                                   //console.log(JSON.stringify(ret))
                                   //以下车辆信息
                                   vm.carInfo.carName=ret.carInfo.vehConfig.vcTypenme;
                                   vm.carInfo.failTime=ret.carInfo.ciFailtime;
                                   vm.carInfo.mileage=ret.carInfo.ciMileage;
                                   vm.carInfo.city=ret.carInfo.creditProduct.ciPlatearea;
                                   vm.carInfo.price=ret.carInfo.ciExpectprice;
                                   vm.carInfo.downPayment=ret.carInfo.payMents;
                                   vm.carInfo.monthlyPay=ret.carInfo.payMonth;
                                   vm.carInfo.vcEnvistandard=ret.carInfo.vehConfig.vcEnvistandard;
                                   vm.carInfo.vcDrivemode=ret.carInfo.vehConfig.vcDrivemode;//
                                   vm.carInfo.ciTranstimes=ret.carInfo.ciTranstimes;
                                   vm.carInfo.ciUseproperty=ret.carInfo.ciUseproperty;
                                   vm.carInfo.ciMaintain=ret.carInfo.ciMaintain;
                                   vm.carInfo.ciCarcheck=ret.carInfo.ciCarcheck;
                                   vm.carInfo.ciBusinsurance=ret.carInfo.ciBusinsurance;
                                   vm.carInfo.ciDescribe=ret.carInfo.ciDescribe;
                                   vm.carInfo.monthTerm=ret.carInfo.monthTerm;
                                   //以下亮点配置
                                   var txt=ret.carInfo.spotlight.substring(0,ret.carInfo.spotlight.length-1);
                                   for(var i=0;i<txt.split(',').length;i++){
                                   vm.configureList.push(txt.split(',')[i]);
                                   };
                                   //以下新车配置
                                   //                        新车配置-基本信息
                                   vm.newCarInfo.vcManufact=ret.carInfo.vehConfig.vcManufact;
                                   vm.newCarInfo.vcClass=ret.carInfo.vehConfig.vcClass;
                                   vm.newCarInfo.vcEngine=ret.carInfo.vehConfig.vcEngine;
                                   vm.newCarInfo.vcGearbox=ret.carInfo.vehConfig.vcGearbox;
                                   vm.newCarInfo.vcBulk=ret.carInfo.vehConfig.vcBulk;
                                   vm.newCarInfo.vcStructure=ret.carInfo.vehConfig.vcStructure;
                                   vm.newCarInfo.vcHighspeed=ret.carInfo.vehConfig.vcHighspeed;
                                   vm.newCarInfo.vc100kmsec=ret.carInfo.vehConfig.vc100kmsec;
                                   vm.newCarInfo.vcRealkmsec=ret.carInfo.vehConfig.vcRealkmsec;
                                   vm.newCarInfo.vc100kmbraking=ret.carInfo.vehConfig.vc100kmbraking;
                                   vm.newCarInfo.vcRealoil=ret.carInfo.vehConfig.vcRealoil;
                                   vm.newCarInfo.vcOilmiit=ret.carInfo.vehConfig.vcOilmiit;
                                   vm.newCarInfo.vcGroundcl=ret.carInfo.vehConfig.vcGroundcl;
                                   vm.newCarInfo.vcWarranty=ret.carInfo.vehConfig.vcWarranty;
                                   vm.newCarInfo.vcSalest=ret.carInfo.vehConfig.vcSalest;
                                   vm.newCarInfo.vcYear=ret.carInfo.vehConfig.vcYear;
                                   vm.newCarInfo.vcAmount=ret.carInfo.vehConfig.vcAmount;
                                   //                        新车配置-以下车身
                                   vm.newCarInfo.vcLength=ret.carInfo.vehConfig.vcLength;
                                   vm.newCarInfo.vcWidth=ret.carInfo.vehConfig.vcWidth;
                                   vm.newCarInfo.vcHigh=ret.carInfo.vehConfig.vcHigh;
                                   vm.newCarInfo.vcWheelbase=ret.carInfo.vehConfig.vcWheelbase;
                                   vm.newCarInfo.vcFronttrack=ret.carInfo.vehConfig.vcFronttrack;
                                   vm.newCarInfo.vcRearwheel=ret.carInfo.vehConfig.vcRearwheel;
                                   vm.newCarInfo.vcMingroundcl=ret.carInfo.vehConfig.vcMingroundcl;
                                   vm.newCarInfo.vcQuality=ret.carInfo.vehConfig.vcQuality;
                                   vm.newCarInfo.vcDoornum=ret.carInfo.vehConfig.vcDoornum;
                                   vm.newCarInfo.vcSeatnum=ret.carInfo.vehConfig.vcSeatnum;
                                   vm.newCarInfo.vcTankvol=ret.carInfo.vehConfig.vcTankvol;
                                   vm.newCarInfo.vcLugvol=ret.carInfo.vehConfig.vcLugvol;
                                   vm.newCarInfo.vcReardooropen=ret.carInfo.vehConfig.vcReardooropen;
                                   vm.newCarInfo.vcContsize=ret.carInfo.vehConfig.vcContsize;
                                   //                        新车配置-以下发动机
                                   vm.newCarInfo.vcOutputml=ret.carInfo.vehConfig.vcOutputml
                                   vm.newCarInfo.vcEnginemodel=ret.carInfo.vehConfig.vcEnginemodel
                                   vm.newCarInfo.vcAirintake=ret.carInfo.vehConfig.vcAirintake
                                   vm.newCarInfo.vcCylinderarr=ret.carInfo.vehConfig.vcCylinderarr
                                   vm.newCarInfo.vcCylindernum=ret.carInfo.vehConfig.vcCylindernum
                                   vm.newCarInfo.vcValvenum=ret.carInfo.vehConfig.vcValvenum
                                   //检测报告
                                   if(ret.carInfo.reprot){
                                   var reprot=ret.carInfo.reprot;
                                   reprot=JSON.parse(reprot);
                                   vm.testList=reprot;
                                   if(ret.listDetecteTotal){
                                   for(var i=0;i<reprot.listDetecteTotal.length;i++){
                                   if(reprot.listDetecteTotal[i].dtName=='漆膜检测'){
                                   vm.filmDetection=reprot.listDetecteTotal[i];
                                   //console.log(JSON.stringify(vm.filmDetection))
                                   }
                                   }
                                   };
                                   }
                                   else{
                                   vm.testList=[];
                                   };
                                    vm.creditProduct=ret.carInfo.creditProduct;

                            return flase;
                         vm.carId=id;
                         vm.scollMove();
                         vm.getDetail(id)
                         },
                         getDetail:function(id){
                        var url=httpurl1+"index/getCarInfo";
                         var data={
                         appFlag:true,
                         id:id
                         };
                         $api.ajax(url,data,function(ret){
                                   vm.carBusinessCbName=ret.carInfo.carBusiness.cbName;
                                   vm.carBusinessTel=ret.carInfo.carBusiness.cbContphone;
                                   vm.postImgSrc=ret.carInfo.coverPath;
                                   vm.imgArr=ret.carInfo.picStores;
                                   Vue.nextTick(function(){
                                                TouchSlide({
                                                           slideCell : "#slide",
                                                           titCell : ".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
                                                           mainCell : ".bd ul",
                                                           effect : "leftLoop",
                                                           autoPage : true, //自动分页
                                                           autoPlay : true, //自动播放
                                                           interTime : 4000
                                                           });
                                                $('.slide img').css('height',$(document).width()*0.7+'px')
                                                })
                                   //console.log(JSON.stringify(ret))
                                   //以下车辆信息
                                   vm.carInfo.carName=ret.carInfo.vehConfig.vcTypenme;
                                   vm.carInfo.failTime=ret.carInfo.ciFailtime;
                                   vm.carInfo.mileage=ret.carInfo.ciMileage;
                                   vm.carInfo.city=ret.carInfo.creditProduct.ciPlatearea;
                                   vm.carInfo.price=ret.carInfo.ciExpectprice;
                                   vm.carInfo.downPayment=ret.carInfo.payMents;
                                   vm.carInfo.monthlyPay=ret.carInfo.payMonth;
                                   vm.carInfo.vcEnvistandard=ret.carInfo.vehConfig.vcEnvistandard;
                                   vm.carInfo.vcDrivemode=ret.carInfo.vehConfig.vcDrivemode;//
                                   vm.carInfo.ciTranstimes=ret.carInfo.ciTranstimes;
                                   vm.carInfo.ciUseproperty=ret.carInfo.ciUseproperty;
                                   vm.carInfo.ciMaintain=ret.carInfo.ciMaintain;
                                   vm.carInfo.ciCarcheck=ret.carInfo.ciCarcheck;
                                   vm.carInfo.ciBusinsurance=ret.carInfo.ciBusinsurance;
                                   vm.carInfo.ciDescribe=ret.carInfo.ciDescribe;
                                   vm.carInfo.monthTerm=ret.carInfo.monthTerm;
                                   //以下亮点配置
                                   var txt=ret.carInfo.spotlight.substring(0,ret.carInfo.spotlight.length-1);
                                   for(var i=0;i<txt.split(',').length;i++){
                                   vm.configureList.push(txt.split(',')[i]);
                                   };
                                   //以下新车配置
                                   //                        新车配置-基本信息
                                   vm.newCarInfo.vcManufact=ret.carInfo.vehConfig.vcManufact;
                                   vm.newCarInfo.vcClass=ret.carInfo.vehConfig.vcClass;
                                   vm.newCarInfo.vcEngine=ret.carInfo.vehConfig.vcEngine;
                                   vm.newCarInfo.vcGearbox=ret.carInfo.vehConfig.vcGearbox;
                                   vm.newCarInfo.vcBulk=ret.carInfo.vehConfig.vcBulk;
                                   vm.newCarInfo.vcStructure=ret.carInfo.vehConfig.vcStructure;
                                   vm.newCarInfo.vcHighspeed=ret.carInfo.vehConfig.vcHighspeed;
                                   vm.newCarInfo.vc100kmsec=ret.carInfo.vehConfig.vc100kmsec;
                                   vm.newCarInfo.vcRealkmsec=ret.carInfo.vehConfig.vcRealkmsec;
                                   vm.newCarInfo.vc100kmbraking=ret.carInfo.vehConfig.vc100kmbraking; 
                                   vm.newCarInfo.vcRealoil=ret.carInfo.vehConfig.vcRealoil;
                                   vm.newCarInfo.vcOilmiit=ret.carInfo.vehConfig.vcOilmiit;
                                   vm.newCarInfo.vcGroundcl=ret.carInfo.vehConfig.vcGroundcl;
                                   vm.newCarInfo.vcWarranty=ret.carInfo.vehConfig.vcWarranty;
                                   vm.newCarInfo.vcSalest=ret.carInfo.vehConfig.vcSalest;
                                   vm.newCarInfo.vcYear=ret.carInfo.vehConfig.vcYear;
                                   vm.newCarInfo.vcAmount=ret.carInfo.vehConfig.vcAmount;
                                   //                        新车配置-以下车身
                                   vm.newCarInfo.vcLength=ret.carInfo.vehConfig.vcLength;
                                   vm.newCarInfo.vcWidth=ret.carInfo.vehConfig.vcWidth;
                                   vm.newCarInfo.vcHigh=ret.carInfo.vehConfig.vcHigh;
                                   vm.newCarInfo.vcWheelbase=ret.carInfo.vehConfig.vcWheelbase;
                                   vm.newCarInfo.vcFronttrack=ret.carInfo.vehConfig.vcFronttrack;
                                   vm.newCarInfo.vcRearwheel=ret.carInfo.vehConfig.vcRearwheel;
                                   vm.newCarInfo.vcMingroundcl=ret.carInfo.vehConfig.vcMingroundcl;
                                   vm.newCarInfo.vcQuality=ret.carInfo.vehConfig.vcQuality;
                                   vm.newCarInfo.vcDoornum=ret.carInfo.vehConfig.vcDoornum;
                                   vm.newCarInfo.vcSeatnum=ret.carInfo.vehConfig.vcSeatnum;
                                   vm.newCarInfo.vcTankvol=ret.carInfo.vehConfig.vcTankvol;
                                   vm.newCarInfo.vcLugvol=ret.carInfo.vehConfig.vcLugvol;
                                   vm.newCarInfo.vcReardooropen=ret.carInfo.vehConfig.vcReardooropen;
                                   vm.newCarInfo.vcContsize=ret.carInfo.vehConfig.vcContsize;
                                   //                        新车配置-以下发动机
                                   vm.newCarInfo.vcOutputml=ret.carInfo.vehConfig.vcOutputml
                                   vm.newCarInfo.vcEnginemodel=ret.carInfo.vehConfig.vcEnginemodel
                                   vm.newCarInfo.vcAirintake=ret.carInfo.vehConfig.vcAirintake
                                   vm.newCarInfo.vcCylinderarr=ret.carInfo.vehConfig.vcCylinderarr
                                   vm.newCarInfo.vcCylindernum=ret.carInfo.vehConfig.vcCylindernum
                                   vm.newCarInfo.vcValvenum=ret.carInfo.vehConfig.vcValvenum
                                   //检测报告
                                   if(ret.carInfo.reprot){
                                   var reprot=ret.carInfo.reprot;
                                   reprot=JSON.parse(reprot);
                                   vm.testList=reprot;
                                   if(ret.listDetecteTotal){
                                   for(var i=0;i<reprot.listDetecteTotal.length;i++){
                                   if(reprot.listDetecteTotal[i].dtName=='漆膜检测'){
                                   vm.filmDetection=reprot.listDetecteTotal[i];
                                   //console.log(JSON.stringify(vm.filmDetection))
                                   }
                                   }
                                   };
                                   }
                                   else{
                                   vm.testList=[];
                                   };
                                   //分期方案
                                   //console.log(JSON.stringify(ret))
                                   vm.creditProduct=ret.carInfo.creditProduct;
                                   //console.log(JSON.stringify(ret))
                                   Vue.nextTick(function () {
                                                $('.slide img').css('height',$(document).width()*0.75+'px')
                                                $('.slide .bd li').css('width',$(document).width()+'px')
                                                new auiLazyload({
                                                                errorImage:'../../image/lazyload-err.png'
                                                                });
                                                })
                                   })
                         },
                         openWin : function(winTit,winName,winUrl,fName,fUrl) {
                            var data={
                                   carInfo:vm.carInfo,
                                   creditProduct:vm.creditProduct,
                                   postImgSrc:vm.postImgSrc
                            }
                            connectBridge.goDivideFeild(JSON.stringify(data));
                         },
                         closeWin:function() {
                         bridge.callHandler('testtest', function(response) { })
                         
                         },
                         scollMove:function(){
                         $(window).on('touchmove',function(){
                                      if($(window).scrollTop()+25>=$('.scoll-distance').height()){
                                      $('.tab-hd-fixed').addClass('on');
                                      }
                                      else{
                                      $('.tab-hd-fixed').removeClass('on');
                                      };
                                      //console.log(vm.tabIndex)
                                      });
                         $(window).scroll(function(){
                                          setTimeout(function(){
                                                     if($(window).scrollTop()+25>=$('.scoll-distance').height()){
                                                     $('.tab-hd-fixed').addClass('on');
                                                     }
                                                     else{
                                                     $('.tab-hd-fixed').removeClass('on');
                                                     };
                                                     if($(window).scrollTop()>=0 && $(window).scrollTop()<$('.img-show-tit').offset().top-$('.tab-hd-fixed').height() ){
                                                     setTimeout(function(){
                                                                vm.tabIndex=1;
                                                                },1)
                                                     }
                                                     if($(window).scrollTop()>=$('.img-show-tit').offset().top-$('.tab-hd-fixed').height() && $(window).scrollTop()<$('.test-report').offset().top-$('.tab-hd-fixed').height()){
                                                     setTimeout(function(){
                                                                vm.tabIndex=2;
                                                                },1)
                                                     }
                                                     if($(window).scrollTop()>=$('.test-report').offset().top-$('.tab-hd-fixed').height() && $(window).scrollTop()<$('.new-car-configure').offset().top-$('.tab-hd-fixed').height()){
                                                     setTimeout(function(){
                                                                vm.tabIndex=3;
                                                                },1)
                                                     }
                                                     if($(window).scrollTop()>=$('.new-car-configure').offset().top-$('.tab-hd-fixed').height()){
                                                     setTimeout(function(){
                                                                vm.tabIndex=4;
                                                                },1)
                                                     }
                                                     },1)
                                          })
                         }
                         },//methods
                         });


</script>
</html>
